<template>
    <div style="text-align: center;">
        <h1>直播协议</h1>
        <h2>1.内容合规性</h2>
        <ul>
            <li>直播内容必须符合中华人民共和国法律法规和社会主义核心价值观。</li>
            <li>直播内容不得含有违法违规信息，不得侵犯他人合法权益。</li>
            <li>直播内容不得含有色情、暴力、赌博、毒品等违法违规信息。</li>
        </ul>
        <h2>2.主播条件</h2>
        <ul>
            <li>至少年满18周岁</li>
            <li>电脑配置补药太低</li>
            <li>带宽至少3M以上</li>
        </ul>

        <h2>3.免责申明</h2>
        <ul>
            <li>一切违法行为本人承担，与平台无关</li>
            <li>一切违法行为本人承担，与平台无关！</li>
            <li>一切违法行为本人承担，与平台无关！！</li>
            <li>一切违法行为本人承担，与平台无关！！！</li>
            <li>一切违法行为本人承担，与平台无关！！！！</li>
        </ul>
    </div>

    <div style="text-align: center;margin-top: 20px;">
        <div>
            <el-radio v-model="agree" value="1">我已阅读并同意以上协议</el-radio>
        </div>
        <div>
            <el-button @click="signAgree" type="primary" :disabled="!agree" style="width: 100px;height: 40px;border-radius: 5px;">确定签署</el-button>
        </div>
    </div>

</template>

<script setup lang="ts">
    import request from '@/base/request'
    import { ElMessage } from 'element-plus';
    import { ref, onMounted } from 'vue'
    const agree = ref(false)
    const signAgree = async() => {
        const response = (await request.post(`/user/userRole/signAgreePresenter`)).data;
        if(response.code == 200){
            ElMessage.success('签署成功')
            window.location.reload()
        }else{
            console.log(response.msg)
            ElMessage.error('签署失败')
        }
    }
</script>

<style scoped>
    h1{
        font-size: 30px;
    }
    ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
</style>